<template>
    <a-modal 
        :visible="visible"
        :title="title"
        :maskClosable="false"
        :destroyOnClose="true"
        :keyboard="false"
        :closable="false"
        width="1000px">
        <CommodityManage></CommodityManage>
        <footer slot="footer">
            <a-button @click="closeModal()">关闭</a-button>
        </footer>
    </a-modal>
</template>

<script>
import CommodityManage from '@views/menuPage/product/commodityManage/commodityManage';

export default {
    components:{
        CommodityManage
    },
    props: {
        visible:{
            type:Boolean,
            default:false,
        },
    },
    computed:{
        title(){
            return '商品管理';
        }
    },
    methods:{
        closeModal (freshTable) {
            this.$emit('cancel', freshTable)
        },
    }
}
</script>

<style lang="less" scoped>

</style>